<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- JQuery -->
	<script type="text/javascript" src="../resources/js/jquery.min.js"></script>
	<!-- Countdown Javascript -->
	<script type="text/javascript" src="../resources/js/jquery.countdown.js"></script>
	<!-- Bootstrap core CSS -->
	<link href="../resources/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<!-- Fontawesome CSS -->
	<link href="../resources/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<!-- Countdown CSS -->
	<link rel="stylesheet" type="text/css" href="../resources/css/style.css" media="screen">
	<!-- Bootstrap core JavaScript -->
	<script src="../resources/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>

<div class="container">
	<div class="row Header">
		<div class="col-sm-12">
			<jsp:include page="../Menu.jsp" />
		</div>
	</div>
    <div class="row Content">
	    <div class="Content Header col-sm-12">
	    	<div class="jumbotron">
	    		<div class="container">
		    		<div class="col-sm-10">
		         	    <h1>Hoşgeldiniz, <br>Sayın ${sessionScope.user.nameSurname} </h1>
		         	 </div>
			     	 <div class="col-sm-2">
			     		 <a href="/users" class="pull-right">
			     		 	<img title="profile image" class="img-circle img-responsive" src="../resources/images/profile.jpg">
			     		 </a>
			      	</div>
		      	</div>
			</div>
		</div>
    </div>
    <div class="row">
        <div class="col-sm-3">
            <!--left col-->
            <ul class="list-group">
                <li class="list-group-item list-group-item-success text-muted" contenteditable="false">Profil</li>
                <li class="list-group-item text-right"><span class="pull-left"><strong class="">Katıldı</strong></span> 2.13.2014</li>
                <li class="list-group-item text-right"><span class="pull-left"><strong class="">Son Görülme</strong></span> Yesterday</li>
                    <li class="list-group-item text-right"><span class="pull-left"><strong class="">Gerçek Ad</strong></span> Joseph
                        Doe</li>
              <li class="list-group-item text-right"><span class="pull-left"><strong class="">Rol: </strong></span> Pet Sitter
               
                      </li>
            </ul>
           
            
          
            <ul class="list-group">
                <li class="list-group-item list-group-item-success text-muted">Aktivite <i class="fa fa-dashboard fa-1x"></i>

                </li>
                <li class="list-group-item text-right"><span class="pull-left"><strong class="">Paylaşımlar</strong></span> 125</li>
                <li class="list-group-item text-right"><span class="pull-left"><strong class="">Beğenmeler</strong></span> 13</li>
                    <li class="list-group-item text-right"><span class="pull-left"><strong class="">Gönderiler</strong></span> 37</li>
                        <li class="list-group-item text-right"><span class="pull-left"><strong class="">Takipçiler</strong></span> 78</li>
            </ul>
            <div class="panel panel-default">
                <div class="panel-heading">Sosyal Medya</div>
                <div class="panel-body">	<i class="fa fa-facebook fa-2x"></i>  <i class="fa fa-github fa-2x"></i> 
                    <i class="fa fa-twitter fa-2x"></i> <i class="fa fa-pinterest fa-2x"></i>  <i class="fa fa-google-plus fa-2x"></i>

                </div>
            </div>
        </div>
        <!--/col-3-->
        <div class="col-sm-9" contenteditable="false" style="">
            <div class="panel panel-default">
                <div class="panel-heading">${sessionScope.user.nameSurname}'un Biyografisi</div>
                <div class="panel-body"> Kişisel Açıklamalar....</div>
            </div>
            <div class="panel panel-default target">
                <div class="panel-heading" contenteditable="false">Sahip olduğum hayvanlar</div>
                <div class="panel-body">
                  
			    </div>
                </div>
            
                    
            
           <div class="panel panel-default">
                <div class="panel-heading">Starfox221's Bio</div>
                <div class="panel-body"> A long description about me.</div>
		  </div>
	  </div>
   </div>
</div>
</body>
</html>